<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content= "<?php echo $keywords; ?>" />
<?php } ?>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/accordblue/stylesheet/stylesheet.css" rel="stylesheet">
<link href="catalog/view/theme/accordblue/stylesheet/styles.css" rel="stylesheet">
<link href="catalog/view/theme/accordblue/stylesheet/responsive.css" rel="stylesheet">

<link href="catalog/view/theme/accordblue/stylesheet/font-awesome.css" rel="stylesheet">

<script src="catalog/view/theme/accord/js/banner.js" type="text/javascript"></script>
<script src="catalog/view/theme/accord/js/mob-nav.js" type="text/javascript"></script>

<script type="text/javascript" src="catalog/view/theme/accord/js/fancybox/jquery.fancybox.js"></script>
<link type="text/css" rel="stylesheet" href="catalog/view/theme/accord/js/fancybox/jquery.fancybox.css">
<?php 
global $config;
?>

<?php foreach ($styles as $style) { ?>
<link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script src="catalog/view/theme/accord/js/common.js" type="text/javascript"></script>
<?php foreach ($scripts as $script) { ?>
<script src="<?php echo $script; ?>" type="text/javascript"></script>
<?php } ?>
<?php echo $google_analytics; ?>

<style type="text/css">
/*  update google Font  */
.top-cart-content .block-subtitle,#nav > li > a,#nav ul.level0 > li > a,#nav .nav-custom-link .header-nav-dropdown-wrapper h4.heading,.totals h3,.crosssel h2,.cart-collaterals .col2-set h3,.page-title h1, .page-title h2,.products-grid .item .item-inner .item-info .info-inner .item-title a,.block .block-title,.side-nav-categories .block-title,.block-account .block-title,.cat-img-title .cat-heading,.products-list .product-name a,.product-view .product-name h1,.tab-box .activeLink a,.tab-box a,.tab-box a:hover,.one-page-checkout .step-title .number,.one-page-checkout .active .step-title h3,.one-page-checkout .step-title h3,.one-page-checkout .active .step-title,.page-title_multi h2,#wishlist-table .product-name,.login_page strong,.store-img-box .offer-box,#shopping-cart-table .product-name,#store-messages .phone strong,#store-messages .message strong,footer h4,.our-features-box .feature-box,.new_title h2,.related-block .block-title,.up-sell-slider .block-title,.popular-block .block-title,.orange-slider .text,.right-side-content h2,#menu ul.navmenu .menutop h2,ul.topnav li a,.blog-title h2,.latest-news ul li h2,.latest-news a,.newsletter-sign-box h3,.light .intro-btn a,.caption .heading,.caption .intro-btn a,.caption.light1 .heading,.caption.light1 .badge
{  font-family: '<?php echo $config->get('magikaccord_fonttransform'); ?>',  sans-serif;   } 

/* sale label */
.new-label {background:<?php echo $config->get('magikaccord_sale_labelcolor'); ?>}

/*Main color section */

body {background:<?php echo $config->get('magikaccord_body_bg'); ?>;color:<?php echo $config->get('magikaccord_fontcolor'); ?>}

a {color:<?php echo $config->get('magikaccord_linkcolor'); ?>}
a:hover {color:<?php echo $config->get('magikaccord_linkhovercolor'); ?>}

/* header color section */
header .top-links { background-color: <?php echo $config->get('magikaccord_headerbg'); ?>;}
.toplinks div.links div a{color:<?php echo $config->get('magikaccord_headerlinkcolor'); ?>;}
.toplinks div.links div a:hover{color:<?php echo $config->get('magikaccord_headerlinkhovercolor'); ?>;}
.currency_detail a b{color:<?php echo $config->get('magikaccord_headerclcolor'); ?>;}

/*Top Menu*/
/*nav{background:<?php echo $config->get('magikaccord_topmenu_bg'); ?> }
.navbar-nav > li > a{ border-left: 1px <?php echo $config->get('magikaccord_topmenu_border'); ?> solid;color:<?php echo $config->get('magikaccord_topmenu_link'); ?>; }
.navbar-nav>li:last-child { border-right: 1px <?php echo $config->get('magikaccord_topmenu_border'); ?> solid;}*/
#nav > li > a:hover:nth-child(1){ color:<?php echo $config->get('magikaccord_mmlinkshovercolor'); ?> }
/*#nav li.full-menu div.level1 a{ color:<?php echo $config->get('magikaccord_topmenu2_link'); ?>}*/
#mega_menu > ul > li ul > li > a:hover{ color:<?php echo $config->get('magikaccord_mmslinkshovercolor'); ?>}

.price-box .price-old,.price-box .old-price{ color:<?php echo $config->get('magikaccord_oldpricecolor'); ?> }
.price-box .price-new{ color:<?php echo $config->get('magikaccord_newpricecolor'); ?> }
.regular-price .price{ color:<?php echo $config->get('magikaccord_pricecolor'); ?> }

button.button{background-color:<?php echo $config->get('magikaccord_buttoncolor'); ?> }
button.button:hover{background-color: <?php echo $config->get('magikaccord_buttonhovercolor'); ?>}

footer{background:<?php echo $config->get('magikaccord_footerbg'); ?> }
footer .footer-column a{color: <?php echo $config->get('magikaccord_footerlinkcolor'); ?>}
footer .footer-column a:hover{color: <?php echo $config->get('magikaccord_footerlinkhovercolor'); ?>}
footer .copyright{color: <?php echo $config->get('magikaccord_powerbycolor'); ?>}
</style>
</head>
<body class="<?php echo $class; ?> cms-index-index cms-home-page">

<header>

    <div class="top-links">
  <div class="container inner">
    <?php echo $language; ?>
    <?php echo $currency; ?>
     <?php if (!$logged) { ?>
        <p class="welcome-msg"><?php echo $text_welcome; ?></p>
        <?php } else { ?>
        <p class="welcome-msg"><?php echo $text_logged; ?></p>
        <?php } ?> 
    <div  class="toplinks">
      <div class="links">
        <!-- <li><a href="<?php //echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php //echo $telephone; ?></span></li> -->
        <div class="myaccount"><a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>"><span><?php echo $text_account; ?></span></a></div>
        <div class="wishlist"><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></div>
        <div class="check"><a href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>"><span ><?php echo $text_checkout; ?></span></a></div>
        <div class="login">
          <?php if (!$logged) { ?>
          <a href="<?php echo $login; ?>"><span><?php echo $text_login; ?></span></a>
         
          <?php }  else { ?>
          <a href="<?php echo $logout; ?>"><span><?php echo $text_logout; ?></span></a>
          <?php } ?>
        </div>
    
      </div>
    </div>
  </div>
</div>

  <div class="header">
    <div class="top-cart-contain"><div class="mini-cart"><?php echo $cart; ?></div></div>
    <div class="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
    </div>
    </div>

<!--       <div class="col-sm-5">
      </div> -->
      
  
  



</header>

<nav>
<div class="nav-inner">
  <div class="hidden-desktop" id="menu">
    <ul class="navmenu">
      <li>
        <div class="menutop">
          <div class="toggle"> <span class="icon-bar">&nbsp;</span> <span class="icon-bar">&nbsp;</span> <span class="icon-bar">&nbsp;</span></div>
          <h2>Categories</h2>
        </div>
        <ul style="display:none;" class="submenu">
          <li>
            <ul class="topnav">
              <?php foreach ($categories as $category) { ?>
                <li class="level0 nav-6 level-top first parent"><a class="level-top" href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
                  <?php if ($category['children']) { ?>
                    
                    <ul class="level0">
                    <?php for ($i = 0; $i < count($category['children']);) { ?>
                    
                      <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
                      <?php for (; $i < $j; $i++) { ?>
                      <?php if (isset($category['children'][$i])) { ?>
                      <li class="level1 nav-6-1 first"><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
                      <?php } ?>
                      <?php } ?>
                    
                    <?php } ?></ul>
              
                <?php } ?>
                </li>
                <?php } ?>           
            </ul>

          </li>
        </ul>
      </li>
    </ul>
    <!--navmenu-->
  </div>
    <script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.toggle').click(function() {
if (jQuery('.submenu').is(":hidden"))
{
jQuery('.submenu').slideDown("fast");
} else {
jQuery('.submenu').slideUp("fast");
}
return false;
});
});

/*Phone Menu*/
jQuery(document).ready(function() {
jQuery(".topnav").accordion({
accordion:false,
speed: 300,
closedSign: '+',
openedSign: '-'
});
});
</script>
<?php 

if ($categories) { ?>
  <ul id="nav">     
  
  <?php if($config->get('magikaccord_home_option')==1){ ?>
      <li class="active evel0 nav-5 level-top"><a class="level-top" href="<?php echo $home;?>"><span>Home</span></a></li><?php }?>

    <?php foreach ($categories as $category) { ?>
    <li class="level0 nav-5 level-top">

      <a class="level-top" href="<?php echo $category['href']; ?>">
        <span><?php echo $category['name']; ?></span>
      </a>
      
      <?php if ($category['children']) { ?>
      <div class="level0-wrapper dropdown-6col" style="display: none; left: 0px;">
        <div class="level0-wrapper2">
          <div class="nav-block nav-block-center">
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul class="level0">
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <li class="level2 nav-6-1-1 first"><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
      </div>
    </div>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
<?php } ?>
<?php echo $search; ?>
</div>
</nav>
  <script type="text/javascript">
        //<![CDATA[

            jQuery(function($) {
                $("#nav > li").hover(function() {
                    var el = $(this).find(".level0-wrapper");
                    el.hide();
                    el.css("left", "0");
                    el.stop(true, true).delay(150).fadeIn(300);
                }, function() {
                    $(this).find(".level0-wrapper").stop(true, true).delay(300).fadeOut(300);
                });
            });

            var isTouchDevice = ('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0);
            jQuery(window).on("load", function() {

                if (isTouchDevice)
                {
                    jQuery('#nav a.level-top').click(function(e) {
                        $t = jQuery(this);
                        $parent = $t.parent();
                        if ($parent.hasClass('parent'))
                        {
                            if ( !$t.hasClass('menu-ready'))
                            {                    
                                jQuery('#nav a.level-top').removeClass('menu-ready');
                                $t.addClass('menu-ready');
                                return false;
                            }
                            else
                            {
                                $t.removeClass('menu-ready');
                            }
                        }
                    });
                }

            }); //end: on load

        //]]>
        </script>